<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap');

html {overflow-x: hidden;  }
body { font-family: 'Exo 2', sans-serif; font-size: 13px;  color: #606060; background: white !important; overflow-x:  hidden;  text-decoration: none;}

.side-bar-secretarias {
    border: thin solid #c6c6c6;
    padding: 2em;
}


/*ESTILO DE LOS BOTONES DE CHAT, RADIO Y CANAL29*/
.chat, .radio, .canal{
	height: 150px;
    width: 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 48%;
    position: relative;
}
.chat{
	background-image: url("/Style Library/V1/assets/img/chat.png");  
}

.radio{
	background-image: url("/Style Library/V1/assets/img/radio.png");
}

.canal{
	background-image: url("/Style Library/V1/assets/img/canal29.png");
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.chat, .radio, .canal{
		height: 100px;		
	}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.chat, .radio, .canal{
		background-size: 100%;		
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.chat, .radio, .canal{
		background-size: 75%;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
	.chat, .radio, .canal{
		background-size: 70%;
	}
}

/*FIN ESTILO DE LOS BOTONES DE CHAT, RADIO Y CANAL29*/

/*COLOR DE REDES FOOTER*/
.fa-facebook:before {
    content: "\f09a";
    color: #feac00;
    font-size: 20px;
}
.fa-twitter:before {
    content: "\f099";
    color: #feac00;
    font-size: 20px;
}
.fa-youtube:before {
    content: "\f167";
    color: #feac00;
    font-size: 20px;
}
.footer-social .fa-instagram:before {
    color: #feac00;
    font-size: 20px;
}
	

/*FIN COLOR DE REDES FOOTER*/

.text-p{
	display:none;
}


#news img{
	max-width: 431px;
    max-height: 436px;
    width:100%;
}

.blog-date{
	font-size: 12px;
    color: white;
    text-align: center;
    padding: 0.5em;
}

#logo img{
	max-width:100%;
}

#interna img {
	max-width: 100%;
}
#encuesta img{
	max-width:100%
}


img {
  /*max-width: 100%;*/
}

.img-responsive {
    max-width: 100%;
    width: 100%;
}
.barra-gov{background-color:#36c; padding: 10px; }
a{
	color: black
}


.inf-ac {background: white;}
.inf-ac .dropdown img{position: relative;display: inline-block; width: 1.33333333em; line-height: 1em;}
.inf-ac .navbar-dark .navbar-nav .nav-link {color: black;}
.inf-ac .dropdown-menu img{position: relative;display: inline-block;width: 1.33333333em;line-height: 1em;}
.info-slider {/*padding: 190px 0 0 0;*/}
.info-slider img{width: 100%; height: auto; overflow: hidden}
.info-t{text-align: center; color:white; padding:1em; font-size: 24px;}
.inf-p a{text-decoration: none; color:white; font-weight: 700;}
.inf-p{
text-align: center;
color: white;
font-size: 14px;
padding: 1em;}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #efefef;
  background-clip: padding-box;
  border: 1px solid #efefef;
  border-radius: .25rem;
  transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}






header {/*position: fixed;
  /*top: 0;*/
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 333;}
header a.mobile-toggle {display: none;}
header .header-output {
    background: rgb(255, 255, 255);
    height: auto;
    padding: .6em 0 0 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
header .header-output .inherit-menu { position: static;}
header .header-in {position: relative;padding: 1em 0; }
header ul.nav-menu {
	padding:0;
    margin: 0;
    list-style: none;
   
}
header ul.nav-menu:after {content: " ";clear: both;width: 100%;}
header ul.nav-menu &gt; li {
    display: inline-block;
    text-align: center;padding: 1em 0;vertical-align: top;
    
}
header ul.nav-menu &gt; li &gt; a {
    color: black;
    z-index: 3;
    opacity: .7;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 0 1em;
}
header ul.nav-menu &gt; li :nth-last-child(1) a {margin-right: 0px;}
header ul.nav-menu &gt; li &gt; ul.sub-menu {left: 0;}
header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu {left: 220px;top: 0;padding-bottom: 15px;}
header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu:after { top: 0;left: 0;position: absolute;width: 100%;height: 100%;content: " ";z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000', GradientType=0);border-radius: 20px;}
header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu li {display: block;z-index: 3;position: relative;}
header ul.nav-menu &gt; li ul.sub-menu { transform: translateY(10%); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -o-transform: translateY(10%);
-ms-transform: translateY(10%);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;background-color: #fff;
margin: 0;padding: 0;list-style: none;position: absolute;top: 90px;width: 220px;border-radius: 6px;visibility: hidden;opacity: 0;}
header ul.nav-menu &gt; li ul.sub-menu li { display: block;z-index: 3;}
header ul.nav-menu &gt; li ul.sub-menu li a { color: #000; text-decoration: none; opacity: .7; display: block; padding: 10px 20px 10px 20px; margin-top: -1px}
header ul.nav-menu &gt; li ul.sub-menu li a:hover { color: #009dac; opacity: 1; padding-left: 25px;}
header ul.nav-menu &gt; li ul.sub-menu li a:hover:before {transition: all 0.4s;content: "\f105";font-family: FontAwesome; color: #009dac; margin-right: 5px;}
header ul.nav-menu &gt; li:nth-last-child(1) &gt; a {margin-right: 0px;}
header ul.nav-menu &gt; li:hover &gt; ul.sub-menu {padding-bottom: 15px;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);
-o-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;visibility: visible;color: #009dac;}
header ul.nav-menu &gt; li:hover &gt; ul.sub-menu:after { top: 0; left: 0; position: absolute; width: 100%; height: 100%; content: " "; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000', GradientType=0);}
header ul.nav-menu &gt; li:hover &gt; ul.sub-menu &gt; li:hover &gt; ul.sub-menu {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;visibility: visible;color: #009dac;}
header ul.nav-menu &gt; li:nth-last-child(1) &gt; ul.sub-menu, header ul.nav-menu &gt; li:nth-last-child(2) &gt; ul.sub-menu {left: auto; right: 0;}
header ul.nav-menu &gt; li.active &gt; a {color: #009dac;}
header ul.nav-menu &gt; li.hover &gt; a {color: #009dac;}
header ul.nav-menu &gt; li &gt; a:hover {color: #009dac;}
header ul.nav-menu &gt; li &gt; a:active {color: #009dac;}
header ul.nav-menu &gt; li:hover {color: #009dac;background: white; border-bottom: 5px solid #009dac;}
header ul.nav-menu &gt; li.has-dropdown { position: relative;}
header ul.nav-menu &gt; li.has-dropdown &gt; a:after { content: "\f107"; font-family: FontAwesome; color: #000; opacity: .5;margin-left: 3px;}
header ul.nav-menu &gt; li.has-dropdown &gt; ul &gt; li.has-dropdown {position: relative;}
header ul.nav-menu &gt; li.mega-menu &gt; a {position: relative;}
header ul.nav-menu &gt; li.mega-menu &gt; a:after {content: "\f107";font-family: FontAwesome;margin-left: 3px;}
header ul.nav-menu li.mega-menu:hover .mega-menu-out { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible;display: block;color: #009dac;}
header ul.nav-menu .mega-menu-out { border-radius: 5px; background-color: #fff; transform: translateY(10%); -webkit-transform: translateY(10%);
 -moz-transform: translateY(10%); -o-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; position: absolute; left: 0; top: 70px; width: 100%; padding: 20px; visibility: hidden; opacity: 0; border: 1px solid #E0E0E0;
  padding-bottom: 15px;z-index:1}
header ul.nav-menu .mega-menu-out .mega-menu-list { padding: 0;margin: 0;list-style: none;}
header ul.nav-menu .mega-menu-out .mega-menu-list li a { color: #000; opacity: .7; padding: 8px 0px 8px 0px; text-decoration: none; display: block;}
header ul.nav-menu .mega-menu-out .mega-menu-list li a:hover { color: #009dac; padding-left: 5px;}
header ul.nav-menu .mega-menu-out .mega-menu-list li a:hover:before { transition: all 0.4s; content: "\f105"; font-family: FontAwesome; color: #009dac; margin-right: 5px;}
header ul.dropdown-dark .mega-menu-out { background-color: #212121; border: 1px solid #424242;}
header ul.dropdown-dark .mega-menu-out .mega-menu-list li a { color: #fff; opacity: .7;}
header ul.dropdown-dark .mega-menu-out .mega-menu-list li a:hover { color: #fff; opacity: 1;}
header ul.dropdown-dark .mega-menu-out .mega-menu-list li a:hover:before { color: #009dac;}
header ul.dropdown-dark &gt; li.has-dropdown {position: relative;}
header .mega-links-4columns ul.sub-menu-columns { padding: 0; margin: 0;list-style: none;}
header .mega-links-4columns ul.sub-menu-columns &gt; li { width: 25%; float: left; padding: 0px 10px 10px 10px;}
header .mega-links-4columns ul.sub-menu-columns &gt; li &gt; a { padding: 0px 0px 10px 0px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #009dac;
 display: block;}
header ul.link-padding-tb-25px &gt; li &gt; a { padding-bottom: 25px;}
header ul.link-padding-tb-25px &gt; li &gt; ul.sub-menu {top: 73px;}
header ul.link-padding-tb-25px .mega-menu-out {top: 73px;}  
header .header-output img{margin-left: 0px;}
header a.model-link {
  display: block;
  width: 30px;
  text-align: center;
  padding: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  border-radius: 3px;
  position: relative;
  color: #a7a7a7;
}
header a.model-link:hover span {
  display: block;
}
header a.model-link span {
  display: none;
  position: absolute;
  top: -5px;
  right: -2px;
  width: 20px;
  height: 20px;
  padding: 1px;
  border-radius: 20px;
  background-color: #0A302B;
  color: #fff;
}
header .search-link {
  margin-right: 10px;
}
header .model-link {
  position: relative;
}
header#sidebar-header ul.float-right {
  float: none !important;
}
header#sidebar-header ul.nav-menu &gt; li {
  float: none;
  display: block;
}
header#sidebar-header ul.nav-menu &gt; li &gt; a {
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 0px;
}
header#sidebar-header ul.nav-menu &gt; li ul {
  display: none;
}
header#sidebar-header ul.nav-menu &gt; li &gt; ul.sub-menu {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
  top: auto;
  width: 100%;
  position: relative;
  visibility: inherit;
  opacity: 1;
  display: none;
}
header#sidebar-header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu {
  left: auto;
  top: auto;
  width: 100%;
  position: relative;
  visibility: inherit;
  opacity: 1;
}
header#sidebar-header ul.nav-menu &gt; li.has-dropdown &gt; a:after,
header#sidebar-header ul.nav-menu &gt; li.mega-menu &gt; a:after {
  position: absolute;
  right: 5px;
  margin-left: 0px;
}
header#sidebar-header ul.nav-menu .mega-menu-out {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
  top: auto;
  width: 100%;
  position: relative;
  visibility: inherit;
  opacity: 1;
  padding: 0px;
  border: none;
}
header#sidebar-header ul.nav-menu .mega-links-4columns ul.sub-menu-columns {
  padding: 10px 0 10px;
}
header#sidebar-header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li {
  width: 100%;
  position: relative;
}
header#sidebar-header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li &gt; a:after {
  position: absolute;
  right: 20px;
  margin-left: 0px;
  transition: all 0.4s;
  content: "\f107";
  font-family: FontAwesome;
}



.contenido{
  display: none;
}
.parallax {
  background-image: url("../../../Popayan/assets/img/parallax.png");
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fondo-estatico {
    background-image: url("../../../Popayan/assets/img/parallax.png");
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}









#buscar .search {

}
#buscar .search * {
  outline: none;
  box-sizing: border-box;
}
#buscar .search__wrapper {
  position: relative;
}
#buscar .search__field {
    width: 20px;
    height: 20px;
    color: black;
    font-size: 1.35em;
    padding: 1em;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#buscar .search__field:focus {
  border-bottom-color: #ccc;
  width: 30vw;
  color: #2b2b2b;
  cursor: default;
}
#buscar .search__field:focus ~ .search__icon {
  background-color: black;
  cursor: pointer;
  pointer-events: auto;
}
#buscar .search__icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #009dac;
    width: 60px;
    height: 60px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    border-radius: inherit;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
}
#buscar .search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#buscar .search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#buscar .search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#buscar .search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
#buscar .search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
#buscar .search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
#buscar .search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
#buscar .search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}


a.btn-top {
    font-size: 14px;
    background: #009dac;
    padding: 1em;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 250px;
}
a.btn-top:hover {
opacity: 0.7;
}
a.btn-top.active{
	font-size: 14px;
    background: #feac00;
    padding: 1em;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 200px;
	color: black !important;}




.carousel-caption h1{
    font-size: 70px;
    font-weight: 300;
	padding-bottom: 10px ;
}
.carousel-caption h2{
    font-weight: 200;
	padding-bottom: 10px ;
}
.carousel-caption {
    bottom: 70px;
}



#welcome {
    background: #009dac;
    padding: 2em 0;
}
.textos-welcome {
    color: white;
    text-align: center;
    padding: 1em 0 0 0;
}
svg#Capa_1 {
    position: relative;
    top: -3px;
    z-index: -1;
}
.textos-welcome h1{
padding: 0; margin: 0;
}
.textos-welcome h2 {
    font-weight: 200;padding: 0; margin: 0;
}
.carousel-control-prev-icon {
    background-image: url("../../../Popayan/assets/img/left.svg")!important;
}
.carousel-control-next-icon {
    background-image: url("../../../Popayan/assets/img/right.svg")!important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}



a.btn-radios {
    font-size: 14px;
    background: #009dac;
    padding: 1em;
    text-decoration: none;
    display: flex;
    text-align: center;
    align-content: center;
    align-items: baseline;
    justify-content: center;
    flex-direction: row;
}
a.btn-radios:hover {
opacity: 0.7;
}



.form-control::placeholder {
    color: black !important;font-size: 25px; text-align: center;
}
.btn-success:hover {
opacity: 0.5;
}
.btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show&gt;.btn-success.dropdown-toggle {
    color: #000000;
    background-color: #feac00;
    border-color: #feac00;
    box-shadow: 0 0 0 0.2rem #feac00;
}
a.btn-slide {
    font-size: 14px;
    background: #feac00;
    padding: 1em;
    margin: 1em 0;text-decoration: none;
}
a.btn-slide:hover {opacity: 0.6}


#radios a:hover {opacity: 0.6}
#eventos img{
	width: auto;
}


.cuadro-new {
    background-color: #009dac;
    padding: 2em;height: 100%;
}
.cuadro-new:hover {
transform: translateY(-8px);
}
.cuadro-new p {
    font-size: 14px;
    line-height: normal;
    color: white;
    padding: 1em 0 0 0;
    text-align: justify;
}
a.btn-new {
    padding: 0.9rem 1.5rem;
    font-size: 14px;
    line-height: 1.7;
    border-radius: 0.3rem;
    /*border: 2px solid black;*/
    color: white;
    margin: 1em 0;
    text-align: center;
    text-decoration: none;
    background: #feac00;
}
a.btn-new:hover {opacity: 0.8}
a.btn-vermas {
    font-size: 14px;
    background: #009dac;
    padding: 1em;
    margin: 1em 0;text-decoration: none;
    cursor:pointer;
}
a.btn-vermas:hover {opacity: 0.8}


.data-icon.text-white {
    display: inline-flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.map-logo {
    padding: 0 4em;
}
.imagen-maps {
    position: absolute;
    bottom: 0;
    right: 10em;
}
.imagen-maps img {
box-shadow: 6px 6px 6Px #606060;
}
div#maps {
    position: relative;
    /*z-index: -1;
    top: -84px;*/
}
div#social {
    background: #009dac;
    position: relative;
    top: -8px;
    height: 600px;
    margin-bottom: 10em;
}
.contenedor-redes {
    padding: 3em;color: black;
}



svg#Capa_4 {
    position: absolute;
    bottom: -100px;
    left: -2px;
}
div#interes {
    background: #009dac;
    position: relative;
    top: -8px;
    height: 320px;
    margin-bottom: 12em;
}



#botones-principales .spinning-carousel {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    border-radius: 50%;
    border: 20px solid transparent;
    box-shadow: none;
    width: 600px;
    height: 600px;
    margin-top: 9em;
}
#botones-principales .spinning-carousel::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    background: #009dac;
    border-radius: 50%;
    border: 5px solid white;
    width: 65%;
    height: 65%;
    content: "";
}
#botones-principales .spinning-carousel::after {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    content: attr(data-title);
    color: white;
    text-align: center;
    line-height: 1.1em;
    width: 30%;
}
#botones-principales .spinning-carousel ul {
  --rotation: -0deg;
  width: 100%;
  height: 100%;
  list-style: none;
  transform: rotate(var(--rotation));
  transition: transform 250ms ease-in-out;
}
#botones-principales .spinning-carousel li {
    position: absolute;
    top: -65px;
    left: -65px;
    transform-origin: 100% 100%;
    width: 342.8571428571px;
    height: 342.8571428571px;
    overflow: hidden;
}
#botones-principales .spinning-carousel li:nth-child(1) {
  transform: rotate(15deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(1) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(2) {
  transform: rotate(45deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(2) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(3) {
  transform: rotate(75deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(3) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(4) {
  transform: rotate(105deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(4) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(5) {
  transform: rotate(135deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(5) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(6) {
  transform: rotate(165deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(6) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(7) {
  transform: rotate(195deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(7) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(8) {
  transform: rotate(225deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(8) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(9) {
  transform: rotate(255deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(9) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(10) {
  transform: rotate(285deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(10) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(11) {
  transform: rotate(315deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(11) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(12) {
  transform: rotate(345deg) skew(60deg);
}
#botones-principales .spinning-carousel li:nth-child(12) a {
  border-radius: 50%;
  transform: skew(-60deg) rotate(-75deg);
  text-align: center;
}
#botones-principales .spinning-carousel li:nth-child(even) a {
  background: transparent;
}
#botones-principales .spinning-carousel li:nth-child(odd) a {
  background: transparent;
}
#botones-principales .spinning-carousel a {
    position: absolute;
    bottom: -350px;
    right: -340px;
    display: block;
    width: 700px;
    height: 700px;
    color: black;
    text-decoration: none;
    transition: background 250ms ease-out;
}
#botones-principales .spinning-carousel a img {
    display: block;
    margin: 30px auto;
    border-radius: 50%;
    width: 18%;
    transition: background 250ms ease-out;
}
#botones-principales .spinning-carousel a:hover, .spinning-carousel a:focus {
  outline: none;
}
#botones-principales .spinning-carousel a:hover img, .spinning-carousel a:focus img {
    background: #ff665b;
    filter: invert(1);
}
#botones-principales button {
    position: absolute;
    top: 1em;
    padding: 10px;
    border: 1px solid black;
    background: white;
    border-radius: 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: black;
    transition: transform 144ms ease-out;
}
#botones-principales button:active, button:focus {
  outline: none;
}
#prev {
  right: 0;
  transform: none;
}
#prev:hover, #prev:focus {
  transform: scale(1.1) none ;color: white; background: #009dac;
}
#next {
  left: 0;
  transform: none;
}
#next:hover, #next:focus {
  transform: scale(1.1) none ;color: white; background: #009dac;
}
.efecto-botones {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 366px;
    padding-top: 0em;
}





footer {background-color:white;position: relative;padding:0;}
footer:before {
    content: '';
    position: absolute;
    top: 14.5em;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #009dac;
}
.contenido-footer {
    background-color: white;
    border-radius: 10px;
    padding: 2em 2em 0 2em;
    margin: 0;
    position: relative;
    top: -100px;
    border: 2px solid #efebeb;
    color: #6c757d;
}
.linea-footer {
    border-left: 2px solid #ffffff;
}
.footer-social span {
    padding: 0 1em;color: #009dac;
}
.footer-social {
    text-align: center;
    color:  #009dac;
    padding: 2em;
}
.firma {
    text-align: center;
    position: relative;
    top: -50px;
    color: white;
}
.footer-top{font-style: normal;}
.gov-footer {background-color: #36c;padding: 20px;}   
.container-footer-gov {
    display: inline-flex;
}
.politicas a {
    text-align: center;
    color: #606060;
}
svg#Capa_7 {
    position: relative;
    bottom: -6.8em;
}





a.scroll-top {
    color: white;
    display: none;
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    right: 30px;
    font-size: 25px;
    background: #009dac;
    border-radius: 45px !important;
    text-align: center;
    border: 3px solid hsla(0, 0%, 78%, 0.3);
    padding: 0px;
    height: 45px;
    width: 45px;
}
a.scroll-top i {
  position: relative;
  top: 0px;
}
a.btn-explore {border: 2px solid #009dac; color: #009dac;width: 100%;text-decoration: none;}
.contenedor-news {
    padding: 0 3em;
}




#flotante-izq {
    position: fixed;
    top: 50%;
    z-index: 999;
    background: #009dac;
    height: 200px;
    width: 200px;
    display: flex;
    align-content: space-between;
    align-items: center;
    border-top-right-radius: 30px;
    box-shadow: 3px 5px 17px #3f3f3f;
    justify-content: space-around;
}
#flotante-der {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    background: white;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top-left-radius: 20px;
    height: 290px;
	box-shadow: -3px 5px 17px #3f3f3f;
}




/*=================ICONOS SERVICIO CIUDADANO==================*/
.box-icon-1 {
    text-align: center;
    height: 250px;
    background-color: transparent;
    padding: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
    border-radius: 50%;
    border: thin solid black;
    margin-bottom: 20px;
}
.box-icon-1 .icon { background-color: transparent; color: #000000; display: inline-block; font-size: 50px; line-height: 2.2; width: 85px; height: 85px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;margin-bottom: 20px; }
.box-icon-1 .body-content h1, .box-icon-1 .body-content h2, .box-icon-1 .body-content .banner-page .title-page, .banner-page .box-icon-1 .body-content .title-page, .box-icon-1 .body-content h3, .box-icon-1 .body-content h4, .box-icon-1 .body-content .rs-team-1 .title, .rs-team-1 .box-icon-1 .body-content .title, .box-icon-1 .body-content .rs-team-2 .title, .rs-team-2 .box-icon-1 .body-content .title, .box-icon-1 .body-content .rs-team-single .title, .rs-team-single .box-icon-1 .body-content .title, .box-icon-1 .body-content h5 {color: #000000; }
.box-icon-1 a{text-decoration: none;}
.box-icon-1 .readmore { color: #009dac; padding: 20px 0;clear: both; }
.box-icon-1:hover {background-color: #009dac;border-color: white;-moz-transform: translateY(-30px);-webkit-transform: translateY(-30px);-o-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px); -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); color: #ffffff;}





#more {
display:none;
}
#more2 {
display:none;
}
#tramites {
    display: table;
    margin: 0 auto;
}


div#encuesta {
    background: #009dac;
    position: relative;
    bottom: -8px;

}
.contenedor-encuesta{
	display: table;
    margin: 0 auto;
	padding: 3em 0;
}


.event-list {
list-style: none;
font-family: 'Lato', sans-serif;
margin: 0px;
padding: 0px;
}
.event-list &gt; li {
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 5px rgb(51, 51, 51);
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
padding: 0px;
margin: 0px 0px 20px;
}
.event-list &gt; li &gt; time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
background-color:#009dac;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.event-list &gt; li:nth-child(even) &gt; time {
background-color: rgb(165, 82, 167);
}
.event-list &gt; li &gt; time &gt; span {
display: none;
}
.event-list &gt; li &gt; time &gt; .day {
display: block;
font-size: 56pt;
font-weight: 100;
line-height: 1;
}
.event-list &gt; li time &gt; .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.event-list &gt; li &gt; img {
width: 100%;
}
.event-list &gt; li &gt; .info {
padding-top: 5px;
text-align: center;
}
.event-list &gt; li &gt; .info &gt; .title {
font-size: 17pt;
font-weight: 700;
margin: 0px;
}
.event-list &gt; li &gt; .info &gt; .desc {
font-size: 14px;
font-weight: 300;
margin: 0px;
}
.event-list &gt; li &gt; .info &gt; ul,
.event-list &gt; li &gt; .social &gt; ul {
display: table;
list-style: none;
margin: 10px 0px 0px;
padding: 0px;
width: 100%;
text-align: center;
}
.event-list &gt; li &gt; .social &gt; ul {
margin: 0px;
}
.event-list &gt; li &gt; .info &gt; ul &gt; li,
.event-list &gt; li &gt; .social &gt; ul &gt; li {
display: table-cell;
cursor: pointer;
color: rgb(30, 30, 30);
font-size: 11pt;
font-weight: 300;
padding: 3px 0px;
}
.event-list &gt; li &gt; .info &gt; ul &gt; li &gt; a {
display: block;
width: 100%;
color: rgb(30, 30, 30);
text-decoration: none;
} 
.event-list &gt; li &gt; .social &gt; ul &gt; li {    
padding: 0px;
}
.event-list &gt; li &gt; .social &gt; ul &gt; li &gt; a {
padding: 3px 0px;
} 
.event-list &gt; li &gt; .info &gt; ul &gt; li:hover,
.event-list &gt; li &gt; .social &gt; ul &gt; li:hover {
color: rgb(30, 30, 30);
background-color: rgb(200, 200, 200);
}
.facebook a,
.twitter a,
.google-plus a {
display: block;
width: 100%;
color: rgb(75, 110, 168) !important;
}
.twitter a {
color: rgb(79, 213, 248) !important;
}
.google-plus a {
color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
color: rgb(255, 255, 255) !important;
background-color: rgb(221, 75, 57) !important;
}
@media (min-width: 768px) {
.event-list &gt; li {
	position: relative;
	display: block;
	width: 100%;
	height: 120px;
	padding: 0px;
}
.event-list &gt; li &gt; time,
.event-list &gt; li &gt; img  {
	display: inline-block;
}
.event-list &gt; li &gt; time,
.event-list &gt; li &gt; img {
	width: 120px;
	float: left;
}
.event-list &gt; li &gt; .info {
	background-color: rgb(245, 245, 245);
	overflow: hidden;
}

.event-list &gt; li &gt; img {
	width: 220px;
	height: 120px;
	padding: 0px;
	margin: 0px;
}
.event-list &gt; li &gt; time {
	width: 120px;
	height: 120px;
	padding: 0px;
	margin: 0px;
}

.event-list &gt; li &gt; .info {
	position: relative;
	height: 120px;
	text-align: left;
	padding-right: 40px;
}	
.event-list &gt; li &gt; .info &gt; .title, 
.event-list &gt; li &gt; .info &gt; .desc {
	padding: 0px 10px;
}
.event-list &gt; li &gt; .info &gt; ul {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.event-list &gt; li &gt; .social {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 40px;
}
.event-list &gt; li &gt; .social &gt; ul {
	border-left: 1px solid rgb(230, 230, 230);
}
.event-list &gt; li &gt; .social &gt; ul &gt; li {			
	display: block;
	padding: 0px;
}
.event-list &gt; li &gt; .social &gt; ul &gt; li &gt; a {
	display: block;
	width: 40px;
	padding: 10px 0px 9px;
}
}
.fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
@-webkit-keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}



div#titulo-interna {/*padding: 255px 0 0 0;*/}
h1.efecto-titulo-interna {
    position: relative;
    top: -132px;
    /*font-size: 10em;*/
    font-size:3em;
    font-weight: 700;
    text-align: right;
    color: white;
    margin: 0;
    padding: 0;
    line-height: 0;
}








@media only screen and (min-device-width : 1024px) and (max-device-width : 1201px) {
/*disminuir la letra de  los titulos de la interna*/
h1.efecto-titulo-interna {
    top: -105px;
}
#flotante-izq{display: none}
#flotante-der{display: none}
.box-icon-1 {
    height: 200px;
    padding: 15px;
    width: 200px;
}	
.body-content h4 {
    font-size: 16px;
}
footer:before {
    top: 14em;

}	
header ul.nav-menu &gt; li {
    font-size: 11px;
}	
.info-slider {
    /*padding: 240px 0 0 0;*/
}	
	
}
@media only screen and (min-device-width : 984px) and (max-device-width : 1024px) {
#flotante-izq{display: none}
#flotante-der{display: none}
.fondo-estatico {
    background-size: 100% 100%;

}
.imagen-maps {
display: none;
}	
.body-content h4 {
    font-size: 12px;
}
.box-icon-1 {
    height: 170px;
    padding: 6px;
    width: 170px;
}
body {font-size: 12px;}
a.btn-new {
    font-size: 12px;
	padding: 6px;
}
.cuadro-new h4 {
    font-size: 22px;
}	
h1 {
    font-size: 35px;
}	
#botones-principales .col-md-3{text-align: center;}	
.textos-welcome h2 {
    font-size: 16px;
}	
.info-slider {
    /*padding: 240px 0 0 0;*/
}
footer:before {
    top: 13em;

}
header ul.nav-menu &gt; li {
    font-size: 11px;
}
}
@media only screen and (min-device-width : 882px) and (max-device-width : 983px) {
header .header-in .col-md-1 {
    text-align: center;
}
#buscar .search__field:focus {
  width: 100%;
}	
a.btn-top.active, a.btn-top {
    width: 100%;
}	
.navbar-nav {

    align-items: center;
}
#buscar {
    width: max-content;
        padding: 0 0 31px 31px;
}
li.nav-item {
    width: 100%;
}	
.navbar-toggler-icon {
    padding: 6px;
}
#flotante-izq{display: none}
#flotante-der{display: none}
.fondo-estatico {
    background-size: 100% 100%;

}
.imagen-maps {
display: none;
}	
.body-content h4 {
    font-size: 12px;
}
.box-icon-1 {
    height: 170px;
    padding: 6px;
    width: 170px;
}
body {font-size: 11px;}
a.btn-new {
    font-size: 10px;
	padding: 6px;
}
.cuadro-new h4 {
    font-size: 20px;
}
.cuadro-new p {
    font-size: 12px;
}
h1 {
    font-size: 35px;
}	
#botones-principales .col-md-3{text-align: center;}	
.textos-welcome h2 {
    font-size: 16px;
}	
.carousel-caption h1 {
    font-size: 60px;
}
.carousel-caption h2 {
    font-size: 30px;

}
header ul.nav-menu &gt; li {
    font-size: 10px;
}
.info-slider {
   /* padding: 225px 0 0 0;*/
}
footer:before {
    top: 13em;

}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 881px) {
/*disminuir la letra de  los titulos de la interna*/
h1.efecto-titulo-interna {
    top: -80px;
}
header .header-in .col-md-1 {
    text-align: center;
}
#buscar .search__field:focus {
  width: 100%;
}	
a.btn-top.active, a.btn-top {
    width: 100%;
}	
.navbar-nav {

    align-items: center;
}
#buscar {
    width: max-content;
        padding: 0 0 31px 31px;
}
li.nav-item {
    width: 100%;
}	
.navbar-toggler-icon {
    padding: 6px;
}
#flotante-izq{display: none}
#flotante-der{display: none}
.fondo-estatico {
    background-size: 100% 100%;

}
.imagen-maps {
display: none;
}	
.body-content h4 {
    font-size: 12px;
}
.box-icon-1 {
    height: 170px;
    padding: 6px;
    width: 170px;
}
body {font-size: 10px;}
a.btn-new {
    font-size: 10px;
	padding: 6px;
}
.cuadro-new h4 {
    font-size: 16px;
}
.cuadro-new p {
    font-size: 11px;
}
h1 {
    font-size: 35px;
}	
footer:before {
    top: 12em;

}
.textos-welcome h2 {
    font-size: 16px;
}	
.carousel-caption h1 {
    font-size: 45px;
}
.carousel-caption h2 {
    font-size: 25px;

}
header ul.nav-menu &gt; li {
    font-size: 8px;
}
.info-slider {
    /*padding: 220px 0 0 0;*/
}
}
@media only screen and (min-device-width : 426px) and (max-device-width : 767px) {
header .header-in .col-md-1 {
    text-align: center;
}
#buscar .search__field:focus {
  width: 100%;
}	
a.btn-top.active, a.btn-top {
    width: 100%;
}	
.navbar-nav {

    align-items: center;
}
#buscar {
    width: max-content;
    padding: 0 0 20px 20px;
}
li.nav-item {
    width: 100%;
}	
.navbar-toggler-icon {
    padding: 6px;
}
#flotante-izq{display: none}
#flotante-der{display: none}
.col-md-2.p-0.text-right {text-align: center!important;}
.col-md-10.p-0.text-left {text-align: center!important;}
.box-icon-1 {
    height: 170px;
    padding: 6px;
    width: 170px;margin: 4px auto;
}
#botones-principales h4{font-size: 14px;}	
h1 {
    font-size: 30px;
}
.textos-welcome h2 {
    font-size: 14px;
}
div#social {
    height:100%;
	padding-bottom: 3em;margin: 0;

}
footer:before {
    top: 9em;

}
.fondo-estatico {
display: none;
}
.info-slider {
   /* padding: 337px 0 0 0;*/
}	
.imagen-maps {
display: none;
}	
.btn-noticias{margin-bottom: 20px;}
.hvr-float {margin-bottom: 15px;}
.btn-c {  width: 100%; }
.owl-pagination{display: none;}
.inf-ac .navbar-dark .navbar-nav .nav-link {color: white;margin-left: 25px;}
.navbar-toggler { padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background: 0 0;border: transparent;border-radius: .25rem;margin-top: -6px;}
.inf-ac .navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler {padding: 17px 15px;font-size: 1.25rem;
	line-height: 1;background-color: transparent;border: 1px solid #eaeaf0;border-radius: .25rem;position: relative;border: 0;
	background: transparent;height: 8px;	margin-top: -15px;}
.inf-ac .navbar-toggler .collapsed .icon-bar {	transform: rotate(0);	background-color: white;}
.inf-ac .navbar-toggler .top-bar{	background-color: white;}
.inf-ac .navbar-toggler .bottom-bar{background-color: white;}
.inf-ac .navbar-collapse{position: relative; z-index: 10;}
.inf-ac .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {background: #fff;	box-shadow: none;margin: 7px 0px;}
header a.mobile-toggle {
  margin: 10px;
    font-size: 30px;
    text-align: center;
    color: black;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
 }
header #menu-main {
    display: none;
 }
header ul.nav-menu &gt; li {
    float: none;
    display: block;
 }
header ul.nav-menu &gt; li &gt; a {
padding: 10px 0px 10px 0px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-right: 0px;
}
header ul.nav-menu &gt; li ul {
display: none;
}
header ul.nav-menu &gt; li ul .mega-menu-list{display: block; position: relative; z-index: 10;}
header ul.nav-menu &gt; li &gt; ul.sub-menu {
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
display: none;
}
header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu {
left: auto;
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
}
header ul.nav-menu &gt; li.has-dropdown &gt; a:after, header ul.nav-menu &gt; li.mega-menu &gt; a:after {
position: absolute;
right: 5px;
margin-left: 0px;
}
header ul.nav-menu .mega-menu-out {
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
padding: 0px;
border: none;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns {
padding: 10px 0 10px;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li {
width: 100%;
position: relative;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li &gt; a:after {
position: absolute;
right: 20px;
margin-left: 0px;
transition: all 0.4s;
content: "\f107";
font-family: FontAwesome;
}
header ul.nav-menu &gt; li ul li{display: block;}
}
@media only screen and (min-device-width : 200px) and (max-device-width : 425px) {
/*disminuir la letra de  los titulos de la interna*/
h1.efecto-titulo-interna {
    top: -48px;
    font-size:1.5em;
}

#flotante-izq{display: none}
#flotante-der{display: none}
header .header-in .col-md-1 {
    text-align: center;
}
#buscar .search__field:focus {
  width: 100%;
}	
a.btn-top.active, a.btn-top {
    width: 100%;
}	
.navbar-nav {

    align-items: center;
}
#buscar {
    width: max-content;
    padding: 0 0 20px 20px;
}
li.nav-item {
    width: 100%;
}	
.navbar-toggler-icon {
    padding: 6px;
}	
div#interes {
    margin-bottom: 2em;
}
.map-logo {
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.col-md-2.p-0.text-right {text-align: center!important;}
.col-md-10.p-0.text-left {text-align: center!important;}
.box-icon-1 {
    height: 170px;
    padding: 6px;
    width: 170px;margin: 4px auto;
}
#botones-principales h4{font-size: 14px;}	
h1 {
    font-size: 30px;
}
.textos-welcome h2 {
    font-size: 14px;
}
div#social {
    height:100%;
	padding-bottom: 3em;margin: 0;

}
footer:before {
    top: 8em;

}
.fondo-estatico {
display: none;
}
.info-slider {
	/*padding: 340px 0 0 0;*/
}	
.imagen-maps {
display: none;
}	
.btn-noticias{margin-bottom: 20px;}
.hvr-float {margin-bottom: 15px;}
.btn-c {  width: 100%; }
.owl-pagination{display: none;}
.inf-ac .navbar-dark .navbar-nav .nav-link {color: white;margin-left: 25px;}
.navbar-toggler { padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background: 0 0;border: transparent;border-radius: .25rem;margin-top: -6px;}
.inf-ac .navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler {padding: 17px 15px;font-size: 1.25rem;
	line-height: 1;background-color: transparent;border: 1px solid #eaeaf0;border-radius: .25rem;position: relative;border: 0;
	background: transparent;height: 8px;	margin-top: -15px;}
.inf-ac .navbar-toggler.collapsed .icon-bar {	transform: rotate(0);	background-color: white;}
.inf-ac .navbar-toggler .top-bar{	background-color: white;}
.inf-ac .navbar-toggler .bottom-bar{background-color: white;}
.inf-ac .navbar-collapse{position: relative; z-index: 10;}
.inf-ac .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {background: #fff;	box-shadow: none;margin: 7px 0px;}
header a.mobile-toggle {
  margin: 10px;
    font-size: 30px;
    text-align: center;
    color: black;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
 }
header #menu-main {
    display: none;
 }
header ul.nav-menu &gt; li {
    float: none;
    display: block;
 }
header ul.nav-menu &gt; li &gt; a {
padding: 10px 0px 10px 0px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-right: 0px;
}
header ul.nav-menu &gt; li ul {
display: none;
}
header ul.nav-menu &gt; li ul .mega-menu-list{display: block; position: relative; z-index: 10;}
header ul.nav-menu &gt; li &gt; ul.sub-menu {
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
display: none;
}
header ul.nav-menu &gt; li &gt; ul.sub-menu &gt; li &gt; ul.sub-menu {
left: auto;
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
}
header ul.nav-menu &gt; li.has-dropdown &gt; a:after, header ul.nav-menu &gt; li.mega-menu &gt; a:after {
position: absolute;
right: 5px;
margin-left: 0px;
}
header ul.nav-menu .mega-menu-out {
top: auto;
width: 100%;
position: relative;
visibility: inherit;
opacity: 1;
padding: 0px;
border: none;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns {
padding: 10px 0 10px;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li {
width: 100%;
position: relative;
}
header ul.nav-menu .mega-links-4columns ul.sub-menu-columns &gt; li &gt; a:after {
position: absolute;
right: 20px;
margin-left: 0px;
transition: all 0.4s;
content: "\f107";
font-family: FontAwesome;
}
header ul.nav-menu &gt; li ul li{display: block;}
}
</pre></body></html>